<template>
    <div class="loss-diagram-wrap">
      <div class="loss-diagram-title">
        <span>OPO</span>
        <div class="vertical-rl">系统损耗伊辛模型能量</div>
      </div>
      <div class="loss-diagram-echarts-wrap">
        <LossDiagramEcharts
          :isRecover="state.isRecover"
          :calcStart="props.calcStart"
          id="loss-diagram-echarts"
        />
      </div>
    </div>
  </template>
  <script lang="ts" setup>
  import { reactive } from 'vue'
  import LossDiagramEcharts from './loss-diagram-echarts.vue'
  
  const aucData = {
    CIM: 0,
    louvain: 0
  }
  
  const props = defineProps({
    calcStart: {
      type: Boolean,
      default: () => false
    }
  })
  
  const state = reactive({
    aucData: { ...aucData },
    isRecover: false
  })
  </script>
  <style lang="scss" scoped>
  @import '../../assets/css/full-screen.scss';
  </style>
  